<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo05图片标签</title>
</head>
<body>

<!--
    相对路径:
    1.图片与html文件同目录,则直接写图片名即可;
    2.图片与html文件不在同一目录,则需要写相对路径;
-->
<img src="1.png">
<img src="../2.png">
<img src="img/3.png">
<!--
    title属性:鼠标悬停在图片上时的提示文本;
    alt属性:图片加载失败时显示的文本;
-->
<img src="img/zly.jpg" title="赵丽颖" alt="哎呀,图片走丢了~" width="200px" height="200px">
<img src="img/zly.jpg" alt="" width="200px">

<!--引用互联网其他网站的资源地址
    一旦外部资源访问失败,则图片加载失败;
-->
<img src="https://cdn.tmooc.cn/bsfile//imgad///524eae040ca2499eb82b687eb76cacb2.png">

</body>
</html>











